* {margin:0;padding:0;}
html {min-height: 100%;}
body {
font-size: 10pt;
background: #444;
color: #000;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana,"Apple LiGothic Medium", sans-serif;
font-size: 10pt;
margin: 10px 0;
padding: 0;
}

/* LINKS */
a,a:link, a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#c00} 
a:visited {color:#999} 
a:hover,a:active {color:#069} 

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;margin: 0.5em 0 .3em;color:#000;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
#header {
background: url("images/head.jpg") no-repeat;
height: 220px;
margin: -10px 0 0 0;
position:relative;
}

#header #site-name {
display: none;
}

/* NAV - top horizontal nav */
#nav-wrap {
height: 203px;
	margin-left: 140px;
}
#nav, #nav ul {padding: 0;margin: 0 0 0;list-style: none}
#nav {
font-weight:bold;
height:2.09em;
height: 203px;
width: 635px;
font-size: 12px;
vertical-align: bottom;
display: table-cell;
border-bottom: 2px solid #c00;
margin: 0 0 0 120px;}
#nav li {position:relative;background: #AAA;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
#nav a:hover {color:#000}

#nav li ul {border-left: 1px solid #c00;background: #f6f6f6;width:15.8em;margin-top:3px;position: absolute;font-weight:normal;left: -9999em;}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}

#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0; font-weight: normal;}
#nav li li.last {border-bottom:none}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
#nav li li a:hover {color:#fff;background:#c00}

#nav li.active {background: #c00;border-bottom: 3px solid #c00}
#nav li.active ul {border:none;background: #c00}
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
#nav li.active a:hover {color:#000}

#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
#nav li.active li.last {border-bottom: none}
#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}

#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */

/* SEARCH */
#search {
color:#fff;
      font-weight:bold;
position: absolute;
right: 0;
top: 100px;
     padding-right: 35px;
}
#search form {margin:0}
#search input {width:8em;margin: 0 0 -1px;height:1.2em}
#search label {padding:5px 0 0;display:inline}
#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}


/* LAYOUT - main body of page */
#wrap {
width:800px;
margin: 0 auto;
background: url("images/body.jpg") repeat-y;
	    z-index: -1;
}
#content-wrap {position:relative;width:100%}
#utility {
position:absolute;
top:20px;
left:35px;
width:155px;
}
#utility h2, #utility h3{
   font-size: 16pt;
}
#utility img {
margin: 5px 0;
border: 1px solid #CCC;
}
#content {
   margin-left:210px;
padding: 0 0 10px 30px;
width: 500px;
       min-height: 300px;
       line-height: 1.6em;
       border-left: 1px solid #CCC;
}
#content-wrap ul {
   margin-left: 2em;
}

.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
.featurebox p {border:none;margin: 0 0 1em;color:#444}
.featurebox a {font-weight:bold}

.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
.thumbnail img {border: 1px solid #000}

.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
.pagination p {position:relative;text-align:right}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
.pagination p a:hover {background:#c00;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none}

#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
#resultslist-wrap li dd {font: normal 73% arial}
#resultslist-wrap li dl {margin:0}
#resultslist-wrap dd {line-height:1.3}
#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}

/* TABLES */
.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
.table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
.table1 th {text-align:left;border: 1px solid #fff}
.table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

/* TABLES - calendar */
.calendar {width:200px;font-size:92%}
.calendar td {text-align:center;border: 1px solid #ddd}
.calendar th {text-align:center}
.calendar thead th {padding: 3px 2px}
.calendar tbody th {padding: 2px}
.calendar tbody th.sub {padding: 2px}

ol.code {font-family: monospace;position:relative}
ol.code li {color: #666;margin-bottom: 1px}
ol.code code {color: #000;display: block}
ol.code .cmt {color: #4077d2}
li.tab0 code {padding-left: 4em}
li.tab1 code {padding-left: 8em}
li.tab2 code {padding-left: 12em}
li.tab3 code {padding-left: 16em}
li.tab4 code {padding-left: 20em}
li.tab5 code {padding-left: 24em}
ol.code li  {background: #f3f3f3}
p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}

/* LAYOUT - FOOTER */

#footer {
background: #FFF url("images/foot.jpg") bottom left;
height: 75px;
color: #666;
padding: 10px 0 0 0;
	 text-align: center;
clear: both;
       font-size: 8pt;
       margin-bottom: -10px;
}

#footer a:link, #footer a:hover, #footer a:visited {
color: #B31D23;
       text-decoration: none;
}

.photolist {
width: 120px;
float: right;
}

.photoalbum {
width: 100%;
}

.photoalbum div a{
border: 0;
padding: 0;
}

.photoalbum div {
float: left;
height: 135px;
border: 1px solid #CCC;
	margin-right: 8px;
	margin-bottom: 10px;
background: #FCFCFC;
}

.cat-title {
   font-weight: bold;
clear: right;
}

.sq {
margin: 10px;
}

.lbOn, .sq {
display: block;
height: 100px;
margin: 10px;
float: left;
width: 100px;
border: 1px solid #CCC;
	text-align: center;
padding: 5px;
	 font-size: 9pt;
background: #FCFCFC;
}

.lbOn:hover {
}

.lbOn:hover img {
border: 1px solid #900;
}

.normal {
   font-size: 12pt;
   line-height: 1.5em;
}

.important {
   font-size: 14pt;
   font-weight: bold;
   line-height: 1.5em;
}

.high-important {
   font-size: 16pt;
   font-weight: bold;
   line-height: 1.5em;
}

.very-important {
   font-size: 18pt;
   font-weight: bold;
   line-height: 1.5em;
}

.extra-important {
   font-size: 20pt;
   font-weight: bold;
   line-height: 1.5em;
}
